export default {
  data () {
    return {
      title: 'Tony Stark',
      age: 18
    }
  },
  render (h) {
    return h('div', {}, [
      h('header', {}, (this.$scopedSlots.header && this.$scopedSlots.header()) || 'header'),
      h('main', {}, (this.$scopedSlots.default && this.$scopedSlots.default()) || 'main'),
      h('footer', {}, (this.$scopedSlots.footer && this.$scopedSlots.footer({
        title: this.title,
        age: this.age
      })) || 'footer')
    ])
  }
}
